<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .hot a {
            display: inline-block;
            height: 32px;
            width: 80px;
            text-decoration: none;  /*去掉a标签的默认样式下划线*/
            font-size: 13px;
            line-height: 32px;
            text-align: center;
        }

        .hot {
            position: relative;
        }
        .hot img {
            position: absolute;
            top: 4px;
            left: 20px;
        }

    </style>

</head>
<body>

<!--子绝父相的意思是在父类的position属性是relative的情况下，子类的position属性又是absolute的情况下，那么我们的子类这时其实不是在body中absolute而是在其父类的范围中absolute，最好给父类设置边界。 -->
<div>1111</div>
<div class="hot">
    <a href="#">首页导航</a><img src="img_1.png" width="20px" height="10px" alt="">
</div>
</body>
</html>